/**
 * Created by Kylin on 2016/12/7.
 */
import React, {Component} from 'react';
import HighLight from '../../../public/common/HighLight';
import {AddTodoText, TodoListText, TabShow, TodoActions, TodoReducers, TodoEntry} from './codeText'


export default class TodoIntro extends Component {
    render() {
        return (
            <div>
                <h2>Entry</h2>
                <HighLight className="language-jsx">{TodoEntry}</HighLight>
                <h2>AddTodo</h2>
                <HighLight className="language-jsx">{AddTodoText}</HighLight>
                <h2>TodoList</h2>
                <HighLight className="language-jsx">{TodoListText}</HighLight>
                <h2>TabShow</h2>
                <HighLight className="language-jsx">{TabShow}</HighLight>
                <h2>Actions</h2>
                <HighLight className="language-js">{TodoActions}</HighLight>
                <h2>Reducers</h2>
                <HighLight className="language-js">{TodoReducers}</HighLight>
            </div>
        )
    }
}
